<!-- hbox layout -->
<div class="hbox hbox-auto-xs bg-light">

  <!-- main -->
  <div class="col">
    <!-- main header -->
      <div class="bg-light lter b-b wrapper">
        <div class="row">
          <div class="col-xs-12">
            <!-- breadcrumb -->
            <div>
              <h4 class="m-n text-black" >设备详情</h4>
              <ul class="breadcrumb no-padder m-b-none m-t-sm no-bg">
                <li><a ui-sref="app.device"><i class="icon-arrow-left m-r-sm"></i>全部</a></li>
                <li class="active">设备详情</li>
              </ul>
            </div>
            <!-- / breadcrumb -->
          </div>
        </div>
      </div>
      <!-- / main header -->

      <div class="wrapper">
        <div class="row">
          <div class="col-sm-12">
            <div class="panel panel-default">

              <div class="panel-heading">
                <div class="clearfix">
                  <div class="clear">
                    <button class="pull-right btn btn-sm btn-default m-sm"><i class="fa fa-gear m-r-xs"></i>设备配置</button>
                    <button class="pull-right btn btn-sm btn-default m-sm"><i class="fa fa-arrow-circle-o-up m-r-xs"></i>固件升级</button>
                    <div class="h4 m-t-xs m-b-sm">
                      环境控制器1
                    </div>
                    <span class="text-sm text-success">
                        <i class="fa fa-circle m-r-xs"></i>
                        设备在线
                    </span>
                    <span class="text-sm m-l-xs">在线时长统计：1.5h</span>

                  </div>
                </div>
              </div>
              <tabset class="nav-tabs-alt" >
                <tab>
                  <tab-heading>
                    <span class="block">基本情况</span>
                  </tab-heading>
                  <div class="wrapper-md">
                  </div>
                </tab>
                <tab>
                  <tab-heading>
                    <span class="block">运行记录</span>
                  </tab-heading>
                  <div class="wrapper-md">
                    <div class="row">
                      erhsmetl;jtmrl体育课体育课图
                    </div>
                  </div>
                </tab>
                <tab>
                  <tab-heading>
                    <span class="block">历史数据</span>
                  </tab-heading>

                </tab>
                <tab>
                  <tab-heading>
                    <span class="block">告警信息</span>
                  </tab-heading>

                </tab>
                <tab>
                  <tab-heading>
                    <span class="block">检修记录</span>
                  </tab-heading>

                </tab>
              </tabset>

            </div>

          </div>
        </div>
      </div>
  </div>
</div>
<!-- /hbox layout -->